<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- <style type='text/css'>
  h2,h3{color:blue}
  div,p{font-size: 20px;color: red;}
  </style> -->
  <link rel="stylesheet" href="./CSS/01.css">
</head>
<body>
  <h2>我是标题2，字体颜色是蓝色</h2>
  <div>我是div里面的文字，字体大小是20px，字体颜色是红色</div>
  <h3>我是标题3，字体颜色是蓝色</h3>
  <p>我是p标签里面的文字，我的字体大小是20px，字体颜色是红色</p>
  <!--Css的使用方法
  如何引用CSS样式？
  行内样式（内联样式）
  内部样式表（嵌入样式）
  外部样式表
  导入式
  内部样式表（嵌入样式） CSS的行内样式(不要写太多，难维护)
  <style>必须使用在head标签内
  CSS外部样式表，把CSS样式代码写在独立的一个文件中拓展名：.css
  导入式@import 在读取完html文件之后加载
  -->
  <div style="color: red;font-size: large;">我是块级元素，行内样式的书写</div>

</body>
</html>